Intro
Dynamic Table
Dynamic Table that allows you to:
- have certain columns sticky on the left during scrolling
- hide/show certain columns
- search by specific visible columns
- sort by any visible column
- pagination
- customize items per page
- is i18n compatible
- allows to add action buttons
- allows you to add select checkboxes
Demo
Items selected: 0
Email | Email | Account | Balance | Actions | Select |
|---|
Total Records
50
previous
1
next
Components
Component A
Description...
Replace this with a screenshot or embed the component
Attributes
data Data Type:
Array of Objects
Explanation:
Each Object represents the Data for one row.lang Data Type:
String
Explanation:
I18n - The current lang of the application - can be a dynamic variable
Example:columns Data Type:
Array of Objects.
Explanation
Each object represents one Column.
The Column Object can hold various attributes to customize each column.
key:
path:
show:
search_index:
header_sticky:
type:
attributes:i18n_columns Data Type:
Object of Objects
Explanation:
The Main Object has attributes for each available language
Each Language Object contains keys and their respected value for the given language.Events
Action This action gets triggered when a action button of one of the rows gets clicked.
The event contains a customizable type and the full row as an objectSelected_Items This action gets triggered every time a row is selected or unselected.
The event contains an array of objects where every object represents one selected row - the array is orderd by index 0 is first clicked item, index 0 is second clicked item,..
Style variables
| style-variable-name | Description of style variable |
Actions
Action A
Description...
Arguments
argumentName Description of argument
Formulas
Formula A
Description...
Arguments
argumentName Description of argument